<div class="row">
    <div class="col-md-2 padding-r-0">
        <vc:create path="shop/cityAreaTree" callBackListener="cityArea"></vc:create>
    </div>
    <div class="col-md-10">
        <div class="white-bg padding-left padding-right padding-top border-radius-top">
            <div class="flex justify-between" >
                <div class="text-title">
                    地区详情
                </div>
                <div>

                </div>
            </div>
            <!-- 业主信息 -->
            <div class="margin-top" >
                <div class="row" >
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="地区名称：" namespace="cityAreaInfo"></vc:i18n>
                            </label>
                            <label class="">{{cityAreaInfo.areaName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="地区编码：" namespace="cityAreaInfo"></vc:i18n>
                            </label>
                            <label class="">{{cityAreaInfo.areaCode || '-'}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="等级：" namespace="cityAreaInfo"></vc:i18n>
                            </label>
                            <label class="" v-if="cityAreaInfo.areaLevel == '101'">省级</label>
                            <label class="" v-else-if="cityAreaInfo.areaLevel == '202'">市州</label>
                            <label class="" v-else-if="cityAreaInfo.areaLevel == '303'">区县</label>
                            <label class="" v-else>地区</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="父级编码：" namespace="cityAreaInfo"></vc:i18n>
                            </label>
                            <label class="">{{cityAreaInfo.parentAreaCode || '-'}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="父级名称" namespace="cityAreaInfo"></vc:i18n>
                            </label>
                            <label class="">{{cityAreaInfo.parentAreaName || '-'}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="创建时间：" namespace="cityAreaInfo"></vc:i18n>
                            </label>
                            <label class="">{{cityAreaInfo.createTime || '-'}}</label>
                        </div>
                    </div>
                    
                </div>
            </div>
    </div>
</div>